<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="renderer" content="webkit" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0,uc-fitscreen=yes" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<title>教师端</title>
		<meta name="keywords" content="分享报告" />
		<meta name="description" content="分享报告" />
		<!-- miniMObile.css、js -->
		<link rel="stylesheet" type="text/css" href="css/miniMobile.css" />
		<script type="text/javascript" src="js/zepto.min.js"></script>
		<script type="text/javascript" src="js/miniMobile.js"></script>
		<script type="text/javascript" src="js/api.js"></script>
		<!-- fonticon -->
		<link rel="stylesheet" type="text/css" href="plugins/fonticon/iconfont.css" />
		<!-- animate.css -->
		<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css" />



	</head>

	<body class="fadeIn animated">
		<div id="message" v-cloak>
			<div v-for="im in images">
				<img :src="im.url" style="width: 100%;height: 100%;"/>
			</div>

		</div>
	</body>
	<!-- 开发环境版本，包含了有帮助的命令行警告 -->
	<script src="https://cdn.staticfile.org/vue/2.2.2/vue.js"></script>
	<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.js"></script>
	<!-- 百度 CDN: -->
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script type="text/javascript">
		new Vue({
			el: '#message',
			data: {
				images: []

			},
			mounted: function() {
				this.weekInfo();
			},
			methods: {
				weekInfo: function() {

					this.$http.get("http://gank.io/api/data/%E7%A6%8F%E5%88%A9/20000/1", {
						emulateJSON: true
					}).then(function(res) {
						this.images = res.body.results;
						console.log(this.images);
					}).catch(e => {
						// 打印一下错误
						console.log(e);
					})
				}
			}
		});

		
	</script>
</html>
